
// 颜色变量
$primary-color: #1989fa;
$success-color: #07c160;
$warning-color: #ff976a;
$danger-color: #ee0a24;
$text-color: #323233;
$text-color-secondary: #969799;
$border-color: #ebedf0;
$background-color: #f7f8fa;
$white: #ffffff;
$black: #000000;

// 字体大小
$font-size-xs: 10px;
$font-size-sm: 12px;
$font-size-md: 14px;
$font-size-lg: 16px;
$font-size-xl: 18px;

// 间距
$padding-xs: 8px;
$padding-sm: 12px;
$padding-md: 16px;
$padding-lg: 24px;
$padding-xl: 32px;

// 圆角
$border-radius-sm: 2px;
$border-radius-md: 4px;
$border-radius-lg: 8px;
$border-radius-max: 999px;

// 阴影
$box-shadow-light: 0 2px 12px rgba(100, 101, 102, 0.12);
$box-shadow-base: 0 2px 12px rgba(100, 101, 102, 0.2);

// 动画时间
$animation-duration-fast: 0.2s;
$animation-duration-base: 0.3s;
$animation-duration-slow: 0.5s;

// z-index
$z-index-dropdown: 1000;
$z-index-sticky: 1100;
$z-index-fixed: 1200;
$z-index-mask: 1300;
$z-index-popup: 1400;
$z-index-toast: 1500;
